<template>
  <div class="app">
    <h1>Child</h1>
    <Child></Child>
  </div>
</template>
<!-- <script>
import Child from './Child.vue'
export default {
  components: {
    Child,
  },
  data() {
    return {}
  },
  provide: {
    obj: {
      name: 'fly',
    },
  },
}
</script> -->
<script setup>
import Child from './Child.vue'
import { provide } from 'vue'

provide('obj', { name: 'fly' })
provide('events', {
  show(num) {
    console.log(num)
  },
})
</script>
<style
  lang="scss"
  scoped
></style>
